<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户中心</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/user.css?a=1">
    <link rel="stylesheet" href="./css/common.css">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/user.js?a=s"></script>
    <script src="./js/qh.js?a">
    </script>

</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <!-- 头部top开始 -->
        <div class="header-top">
            <!--top 版心 -->
            <div class="header-top-box">
                <ul class="left">
                    <li>欢迎来到聚美！</li>
                    <li><a href="login.html">请登录</a></li>
                    <li><a href="reg.html">快速注册</a></li>

                </ul>
                <ul class="right">
                    <li><a href="javascript:;" target="_blank">订单查询</a></li>
                    <li>
                        <a href="javascript:;">收藏的品牌<s class=icon-favorite></s></a>

                    </li>
                    <li><a href="javascript:;">我的聚美
                      <s class="icon-arrow"></s>
                  </a></li>
                    <li>
                        <a href="" class="mobile"> <span class="line"></span>
                            <s class="icon-mobile"></s>手机聚美</a>

                    </li>
                    <li><a href="javascript:;">更多</a>
                        <span class="line"></span></li>
                </ul>
            </div>
            <div class="header-center">
                <h1 class="logo">
                    <a href=""></a>
                </h1>
                <div class="icon-warp">
                    <div class="cart-box">
                        <a href="cart.html" target="_blank" class="cart-link">
                            <img src="./images/cart.gif" alt="" class="cart-gif">
                            <span class="text">去购物车结算</span>
                            <s class="icon-right"></s>
                        </a>
                    </div>
                </div>
            </div>
            <div class="header-bottom">
                <div class="nav-box">
                    <div class="nav-list">
                        <ul class="list">
                            <li>
                                <a href="" class="home">首页</a>
                            </li>
                            <li>
                                <a href="">极速免税店</a>
                            </li>
                            <li>
                                <a href="">美妆商城
                                  <b></b>
                                </a>
                            </li>
                            <li class="lux">
                                <a href="" class="lux"><img src="./images/lux2.jpg"></a>
                            </li>
                            <li>
                                <a href="">服务运动</a>
                            </li>
                            <li>
                                <a href="">鞋包配饰</a>
                            </li>
                        </ul>
                        <ul class="nav-icon">
                            <li>
                                <a href="">
                                    <span></span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <span class="by"></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->


    <!-- 中间部分 -->

    <div class="profile">

        <div class="nav">
            <div class="notice">
                <a href="">
                    <img src="./images/nnnn.png" alt="">
                </a>
                <p class="nickname">
                    <a href="#">用户名</a>
                </p>
                <p class="hy">
                    <a href="#">普通会员</a>
                </p>
                <p class="uid">用户ID: 1135604326</p>
            </div>
            <h2><b></b>管理个人账户</h2>

            <ul>
                <li style="list-style: none" class="active"> <a href="javascript:;" class="list selected"><b></b>我的订单</a></li>
                <li style="list-style: none"> <a href="javascript:;" class="wish"><b></b>设置账户信息</a></li>
                <li style="list-style: none"> <a href="javascript:;" class="password"><b></b>修改密码</a></li>
            </ul>

        </div>
        <ol>
            <li class="active">
                <h1>
                    <a href="javascript:;" target="_blank">手机客户端，随时随地查看物流详情</a> 我的订单
                </h1>
                <div class="context">
                    <div class="filter">
                        <a href="javascript:;" class="curr">全部订单</a>
                        <a href="javascript:;">等待付款</a>
                        <a href="javascript:;">已付款</a>
                        <a href="javascript:;">交易完成</a>
                        <a href="javascript:;">预售订单</a>
                    </div>
                    <div class="null-info">
                        <h2>
                            您目前没有订单
                        </h2>
                    </div>
                </div>
            </li>
            <li>
                <h1>设置账户信息</h1>
                <div>
                    <form action="">
                        <div class="avatar-change">
                            <img src="http://images2.jumei.com/user_avatar/135/604/1135604326-200-1623481427.png?1623481540?1624244233" alt="大头像">
                            <a href="javascript:;" class="changeavatar">修改头像</a>
                        </div>
                        <div class="ipt">
                            <label for="" class="lbl">用户名：</label> <input type="text" name="username"></div>
                        <div class="ipt">
                            <label class="lbl">性别：</label>
                            <label class="radio">
                                    <input name="gender" type="radio" id="gender-f" autocomplete="off" value="2" checked="checked">
                                  女
                                </label>
                            <label class="radio"></label>
                            <input name="gender" type="radio" id="gender-m" autocomplete="off" value="1"> 男
                        </div>
                        <div class="ipt">
                            <label for="comment" class="lbl">美丽宣言：</label>
                            <br>
                            <textarea rows="8" cols="50" id="comment" name="comment"></textarea>

                        </div>
                        <div class="act">
                            <input type="button" value="保存修改" name="commit" id="settings-submit">
                        </div>

                    </form>
                </div>

            </li>
            <li>
                <h1>修改密码</h1>
                <div>
                    <form action="">
                        <div class="ipt">
                            <label for="" class="lbl">*旧密码：</label>
                            <input type="password" name="password" placeholder="密码" autocomplete="off">
                        </div>
                        <div class="ipt">
                            <label for="" class="lbl">*新密码：</label><input type="password" name="password" placeholder="密码" autocomplete="off">
                        </div>
                        <div class="ipt">
                            <label for="" class="lbl">*重复新密码：</label> <input type="password" name="repass" placeholder="重复密码" autocomplete="off">
                        </div>
                        <div class="act">
                            <input type="button" value="提交修改" name="commit" id="settings-submit">
                        </div>

                    </form>
                </div>

            </li>
        </ol>

    </div>


    <!-- 底部开始 -->
    <div id="footer">
        <div class="footer-textarea">
            <div class="footer-top">
                <div class="footer-con">
                    <a href="http://hd.jumei.com/act/6-478-2232-guarantee.html?from=footer" class="foot-link mostmall" target="_blank" rel="nofollow">
                        <span class="corn corn-trusty"></span><span class="con"><b>值得信赖美妆电商</b></span>四千万用户信赖
                    </a>
                    <a href="http://hd.jumei.com/act/6-478-2232-guarantee.html?from=footer#jumei_ipo" class="foot-link quality" target="_blank" rel="nofollow">
                        <span class="corn"></span><span class="con"><b>成功在美上市</b></span>股票代码NYSE:JMEI
                    </a>
                    <a href="http://hd.jumei.com/act/6-478-2232-guarantee.html?from=footer#brand_con" class="foot-link back" rel="nofollow" target="_blank">
                        <span class="corn"></span><span class="con"><b>品牌防伪码</b></span>支持品牌官网验真
                    </a>
                    <a href="http://hd.jumei.com/act/6-478-2232-guarantee.html?from=footer#user_confide" class="foot-link consignment" target="_blank" rel="nofollow">
                        <span class="corn"></span><span class="con"><b>百万用户口碑</b></span>帮你只选对的,不选贵的
                    </a>
                    <a href="http://hd.jumei.com/act/6-478-2232-guarantee.html?from=footer#bold_consignment" class="foot-link packaging" target="_blank" rel="nofollow">
                        <span class="corn"></span><span class="con"><b>订单闪电发货</b></span>1.5小时订单急速出库
                    </a>
                    <a href="http://hd.jumei.com/act/6-478-2232-guarantee.html?from=footer#star_commend" class="foot-link confide" target="_blank" rel="nofollow">
                        <span class="corn"></span><span class="con"><b>大牌明星热荐</b></span>打造精致明星脸
                    </a>
                </div>
            </div>
            <div class="footer-top">
                <div class="footer-links footer-con">
                    <ul class="linksa png">
                        <li class="links">服务保障</li>
                        <li><a href="http://hd.jumei.com/act/6-478-2232-guarantee.html?from=footer&amp;site=bj#brand_con" target="_blank" rel="nofollow">品牌真品防伪码</a></li>
                        <li><a href="http://hd.jumei.com/act/6-478-2232-guarantee.html?from=footer" target="_blank" rel="nofollow">100%正品保证</a></li>
                        <li><a href="http://hd.jumei.com/act/4-478-2232-guarantee.html" target="_blank" rel="nofollow">7天无条件退货</a></li>
                        <li><a href="http://www.jumei.com/help/faq?from=footer" target="_blank" rel="nofollow">客服服务</a></li>
                        <li><span class="footer-zcemail">总裁邮箱ceo@jumei.com</span></li>
                    </ul>

                    <ul class="linksb png">
                        <li class="links">使用帮助</li>
                        <li><a href="#" target="_blank" rel="nofollow">新手指南</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">常见问题</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">帮助中心</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">用户协议</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">企业用户团购</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">聚美隐私权政策</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">个人信息管理规则</a></li>

                    </ul>

                    <ul class="linksc png">
                        <li class="links">支付方式</li>
                        <li><a href="#" target="_blank" rel="nofollow">货到付款</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">在线支付</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">余额支付</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">现金券支付</a></li>
                    </ul>

                    <ul class="linksd png">
                        <li class="links">配送方式</li>
                        <li><a href="#" target="_blank" rel="nofollow">包邮政策</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">配送说明</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">运费说明</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">验货签收</a></li>
                    </ul>

                    <ul class="linkse png">
                        <li class="links">售后服务</li>
                        <li><a href="#" target="_blank" rel="nofollow">正品承诺</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">售后服务</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">退货政策</a></li>
                        <li><a href="#" target="_blank" rel="nofollow">退货办理</a></li>
                    </ul>

                    <span class="links-er-box">
                        <ul class="linksf">
                            <li class="links">手机聚美</li>
                            <li><span class="link-bottom-pic"></span></li>
                    <li>下载移动客户端</li>
                    </ul>
                    <ul class="linksg">
                        <li class="links">聚美微信</li>
                        <li><span class="link-bottom-pic"></span></li>
                        <li>聚美官方微信</li>
                    </ul>
                    </span>
                </div>
            </div>
            <div class="footer-dy" id="footer-dy"></div>


            <div class="footer-center">
                <div class="footer-con" id="footer-link">
                    <a href="#" target="_blank" rel="nofollow">关于聚美</a> |
                    <a href="#" target="_blank" rel="nofollow">Investor Relations</a> |
                    <a href="#" target="_blank" rel="nofollow">商家入驻</a> |
                    <a href="#" target="_blank" rel="nofollow">获取更新</a> |
                    <a href="#" target="_blank" rel="nofollow">加入聚美</a> |
                    <a href="#" target="_blank" rel="nofollow">品牌合作专区</a> |
                    <a href="#" target="_blank" rel="nofollow">网站联盟</a> |
                    <a href="#" target="_blank" rel="nofollow">媒体报道</a> |
                    <a href="#" target="_blank" rel="nofollow">商务合作</a> |
                    <a href="#" target="_blank" rel="nofollow">友情链接</a>
                </div>
            </div>
            <div id="footer-copyright">
                <div class="footer-con">
                    <p class="footer-copy-con">
                        Copyright © 2010-2019 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-011-0888 <br> 京公网安备 11010102001226 号 | <a href="http://www.miibeian.gov.cn" target="_blank" rel="nofollow">京ICP证111033号</a> | <a href="http://f1.jmstatic.com/static_account/dist/v1.0.85067/images/other/zhidu.pdf"
                            target="_blank" rel="nofollow">公示制度</a> | <a href="http://mp5.jmstatic.com/mobile/pc/shipin_cr.jpg" target="_blank" rel="nofollow">食品经营许可证</a> | <a href="http://mp5.jmstatic.com/mobile/pc/yyzz_cr.jpg" target="_blank" rel="nofollow">营业执照</a>                        | <a href="http://mp5.jmstatic.com/mobile/pc/ICP_cr.jpg" target="_blank" rel="nofollow">ICP许可证</a> | <a href="http://mp5.jmstatic.com/mobile/pc/chuban_cr.jpg" target="_blank" rel="nofollow">出版物经营许可证</a> | <a href="http://mp5.jmstatic.com/mobile/pc/yiliao_cr.jpg"
                            target="_blank" rel="nofollow">第二类医疗器械经营备案凭证</a> | <a href="http://mp5.jmstatic.com/mobile/pc/wlsp_cr.jpg" target="_blank" rel="nofollow">网络食品交易第三方平台提供者备案信息表</a> | <a href="http://mp5.jmstatic.com/mobile/pc/zzdx_cr.jpg" target="_blank"
                            rel="nofollow">增值电信业务经营许可证</a>
                    </p>
                    <p>
                        <a href="javascript:void(0)" class="footer-copy-logo logo01" rel="nofollow"></a>
                        <a href="https://www.itrust.org.cn/yz/pjwx.asp?wm=1693268180" target="_blank" class="footer-copy-logo logo02" rel="nofollow"></a>
                        <a href="javascript:void(0)" class="footer-copy-logo logo03" rel="nofollow"></a>
                        <a href="javascript:void(0)" class="footer-copy-logo logo04" rel="nofollow"></a>
                        <a href="https://ss.cnnic.cn/verifyseal.dll?sn=e12070911010031011307708&amp;ct=df&amp;pa=453163" target="_blank" class="footer-copy-logo logo05" rel="nofollow"></a>
                    </p>


                </div>
            </div>
        </div>

    </div>



</body>

</html>